<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<link rel="stylesheet" href="../S.css" />
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../S.js"></script>
	<script type="text/javascript">
		$(function() {
			var table = new S.Table({
				el:'#x1',
				pager:true,
				scroll:true,
				renders:{
					name:function(val){
						return '<a class="link">'+val+'</a>';
					}
				},
				clicks:{
					name:function(row,col){
						new S.Info({text:row.name+' ' + row.age + ' position:' + row.position,type:'info'}).show();
					}
				}
			});
			/* table.setData({
				data:datas,
				paging:{
					page:1,
					total:1000,
					size:20
				}
			}); */
		});
	</script>
</head>
<body>
	<div class="toolbar">
			<span class="btn"><a class="icons plus"></a> 增加</span><a class="btn"><span class="icons cross"></span> 删除</a><a class="btn"><span class="icons email"></span> 更新</a>
	</div>
	<div class="content">
		
		<table id="x1" height="100%" ds="datas" form="frm001" multiselect="true">
			<tr>
				<td width="4%" seq></td>
				<td width="4%" checkall></td>
				<td width="20%" resize="true" col="name">姓名</td>
				<td width="30%" sort="age" resize="true">年龄</td>
				<td width="30%" sort="weight" resize="true">权重</td>
				<td width="10%" sort="position">职位</td>
			</tr>
			<tr>
				<td>@{seq}</td>
				<td><input type="checkbox" value="@{id}" name="id"/></td>
				<td>@{name}</td>
				<td>@{age}</td>
				<td>@{weight}</td>
				<td>@{position}</td>
			</tr>
		</table>
	</div>
</body>
</html>